Comment UserCSS

付箋のcssを真似して作った

うっすいコメントを表示できるUserCSS yutaro.icon 付加的な情報はあんまり目立たない方が嬉しいよね...

code:style.css

.line:not(.cursor-line) .deco-\> {

display: inline-block; position: absolute; top: -0.8em; right: -3vw;

opacity: 0.4;

max-width: 40%;

padding: .3rem 1rem;

background-color: rgba(100,100,100,0.03);

color: rgba(60,60,40);

transform: rotate(-0.8deg); box-shadow: 4px 1px 3px rgba(50,50,100,.1) }

@media screen and (max-width: 768px) { .line:not(.cursor-line) .deco-\> { position: static; max-width: 100% } }

.presentation .line .deco-\> { position: static; max-width: 100% }

@media print { .line:not(.cursor-line) .deco-\> {

right: 0; border-bottom: 1px solid #ccc; background-color: #f9f8f6 } }

.line .deco-\>.deco-- { text-decoration: line-through }

.line .deco-\>.deco-_ { text-decoration: underline }